템플릿 리터럴 컴파일 없이 vu 컴포넌트를 외부 파일화 webpack 등의 컴파일 툴을 이용하지 않고 vue를 이용해, 컴포넌트를 외부 파일화해 보았다. 단일 파일 컴포넌트(.vue)라면, 태그를 이용하는 곳을 .js로 템플릿 리터럴을 이용합니다. home_component.js child_component.js 임포트하는 쪽에서는 보통으로 import해, 이용합니다. import.js html에서는 cdn에서 vue, vue-router를 읽습... Vue.js자바스크립트vue-router템플릿 리터럴 이제는 모던 자바스크립트를 알아야지 - 템플릿 리터럴 문자열 조합 성능, 상황에 따라 사용되는 코드는 다르겠지만, 복잡한 조합을 하는 경우에는 한눈에 알아보기 쉽지 않을 수도 있다. 이번에는 문자열을 조합하는 방법 중 모던 자바 스크립트(ES6+)에서 사용되는 템플릿 리터럴에 대해 알아보려고 한다. 혼자서 개발하는 경우에는 내가 이 부분에서 어떠한 문자열을 합치는 건지 명확히 알 수 있지만, 협업의 관점에서는 한눈에 알아 볼 수 없는 코드는 좋지 않을 것이... 문자열 조합JavaScript모던 자바스크립트자바스크립트템플릿 리터럴JavaScript [TIL] 8월 26일 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환된다. 처음에 이 템플릿 리터럴에 사용되는 백틱(`)을 작은 따옴표'로 착각해서 에러가 많이 났었다. 백틱을 입력할 수 있는 키는 숫자키 1 왼쪽에 위치해있다. 실제로 과제 수행 중에 HTML 구문을 주루룩 입력하고, 그 안에 들어갈 값을 ${}를 이용해서 넣어주니 참 간편했다. 다만, 템플릿 리터럴에서는 행간 바꿈과 공백이 ... 템플릿 리터럴Fetch API&&&&
컴파일 없이 vu 컴포넌트를 외부 파일화 webpack 등의 컴파일 툴을 이용하지 않고 vue를 이용해, 컴포넌트를 외부 파일화해 보았다. 단일 파일 컴포넌트(.vue)라면, 태그를 이용하는 곳을 .js로 템플릿 리터럴을 이용합니다. home_component.js child_component.js 임포트하는 쪽에서는 보통으로 import해, 이용합니다. import.js html에서는 cdn에서 vue, vue-router를 읽습... Vue.js자바스크립트vue-router템플릿 리터럴 이제는 모던 자바스크립트를 알아야지 - 템플릿 리터럴 문자열 조합 성능, 상황에 따라 사용되는 코드는 다르겠지만, 복잡한 조합을 하는 경우에는 한눈에 알아보기 쉽지 않을 수도 있다. 이번에는 문자열을 조합하는 방법 중 모던 자바 스크립트(ES6+)에서 사용되는 템플릿 리터럴에 대해 알아보려고 한다. 혼자서 개발하는 경우에는 내가 이 부분에서 어떠한 문자열을 합치는 건지 명확히 알 수 있지만, 협업의 관점에서는 한눈에 알아 볼 수 없는 코드는 좋지 않을 것이... 문자열 조합JavaScript모던 자바스크립트자바스크립트템플릿 리터럴JavaScript [TIL] 8월 26일 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환된다. 처음에 이 템플릿 리터럴에 사용되는 백틱(`)을 작은 따옴표'로 착각해서 에러가 많이 났었다. 백틱을 입력할 수 있는 키는 숫자키 1 왼쪽에 위치해있다. 실제로 과제 수행 중에 HTML 구문을 주루룩 입력하고, 그 안에 들어갈 값을 ${}를 이용해서 넣어주니 참 간편했다. 다만, 템플릿 리터럴에서는 행간 바꿈과 공백이 ... 템플릿 리터럴Fetch API&&&&